/**
 * Vite 配置文件
 * 用于配置项目的构建、开发服务器、路径别名等
 */
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  // Vue 插件配置
  plugins: [vue()],
  
  // 路径解析配置
  resolve: {
    alias: {
      // 配置 @ 别名指向 src 目录，方便导入模块
      // 例如：import Component from '@/components/Component.vue'
      '@': resolve(__dirname, 'src')
    }
  },
  
  // 开发服务器配置
  server: {
    // 开发服务器端口号
    port: 3000,
    
    // 代理配置 - 解决开发环境跨域问题
    proxy: {
      // 所有 /api 开头的请求都会被代理到后端服务器
      '/api': {
        target: 'http://localhost:8080',  // 后端 API 地址
        changeOrigin: true  // 改变请求源，避免跨域
      },
      // 文件上传路径代理
      '/uploads': {
        target: 'http://localhost:8080',  // 后端文件服务地址
        changeOrigin: true
      }
    }
  }
})
